﻿<!DOCTYPE html>
<html>
  <head>
    <title>Florian Courtial</title>
    
    <!-- Bootstrap -->
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet" media="screen">
    
    <!-- My CSS -->
    <link href="css/main.css" rel="stylesheet" media="screen">
    
    <!-- JQuery -->
    <script src="js/jquery.js"></script>
    <script src="roundabout/jquery.roundabout.js"></script>
    <script src="roundabout/jquery.event.drag-2.2.js"></script>
    <script src="roundabout/jquery.event.drop-2.2.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="js/myJS.js"></script>
	
  </head>
  <body>
  <header class = "jumbotron">
      <p></p>
    <p style = " text-align : center;" >
    	<code>
    		<?php 
    			echo htmlspecialchars ('<curriculumVitae class = "FlorianCourtial">'); 
    		?>
    	</code>
    </p>
  </header>
	<ul>
	    <li style = "vertical-align : center; overflow:auto;">
				<h3 style = "text-align:center;">
					Ma situation actuelle
				</h3>
				<div style = "margin-left:30px; margin-right:30px; text-align:justify;">
					<blockquote>
						<p style="font-size: 85%;">
                                                        Etudiant en informatique et titulaire d'un DUT Informatique,
                                                        je poursuis mes études dans ce domaine à Polytech Lyon.
                                                        Je suis un Cursus d'ingénieur en Informatique en apprentissage.
                                                        J'ai intégré cette formation en Septembre 2012 afin
                                                        d'obtenir un diplôme d'ingénieur Informatique en Septembre 
                                                        2015. Ma formation se divise entre le centre de
                                                        formation et Araxxe, l'entreprise au sein de laquelle je 
                                                        réalise mon apprentissage. Je développe principalement
                                                        des applications en Java lorsque je suis en entreprise.</br>
                                                        Depuis toujours passionné par l'informatique en général, 
                                                        j'ai réalisé mon stage de DUT à Annecy dans une société 
                                                        de développement web (www.itycom.com). J'ai ensuite décidé de poursuivre ma 
                                                        formation par un cursus d'ingénieur pour mener à bien des 
                                                        projets d'envergure et enrichir mes connaissances. 
                                                        Ce cursus en apprentissage me permet de m'immerger dans la
                                                        vie professionnel et comprendre  les enjeux d'une société
                                                        de plus en plus informatisée. Faire du développement 
                                                        applicatif ne m'empêche pour autant d'enrichir la toile de
                                                        mes créations Web.
						<p>
						<small>
							<cite title="Florian" >
								Florian Courtial
							</cite>
						</small>
					</blockquote>
					<table>
						<tr>
							<td style="padding-right:10%;">
								<a href = "http://polytech.univ-lyon1.fr/" target = "_blank">
									<img style="cursor:pointer;" src="pictures/polytech.jpg">
								</a>
							</td>
							<td>
								<a href = "http://www.araxxe.com/" target = "_blank">
									<img style="cursor:pointer;" src="pictures/araxxe.jpg">
								</a>
							</td>
						</tr>
					</table>
				</div>
		</li>
		<li style = "vertical-align : center; overflow:auto;">
                    <div style = "margin-left:30px; margin-right:30px;">
			<dl class="dl-horizontal">
				<h3 style ="text-align:center;">
					Education
				</h3>
				<dt>
					2012/2015
				</dt>
				<dd>
					Cursus <b>d'ingénieur</b> en Informatique à Polytech Lyon en Apprentissage.
					Apprentissage réalisé chez Araxxe SA à Lyon (69000).</br>
				</dd>
				<h3></h3> <!-- Saut de lignes -->
				<dt>
					2010/2012
				</dt>
				<dd>
					DUT Informatique, IUT Annecy Université de Savoie (74940).
				</dd>
				<h3></h3> <!-- Saut de lignes -->
				<dt>
					2008/2010
				</dt>
				<dd>
					Baccalauréat Scientifique Spécialité Physique/Chimie, Lycée le Cheylard (07160).
				</dd>
			</dl>
                    </div>
		</li>
	    <li style = "vertical-align : center; overflow:auto;">
                <div style = "margin-left:30px; margin-right:30px;">
                    <h3 style ="text-align:center;">
                            Experience professionnelle
                    </h3>
                    <dl class="dl-horizontal">
                                    <h4 style ="text-align:center;">Informatique</h4>
                                    <dt>
                                            2012/2015
                                    </dt>
                                    <dd>
                                            Apprentissage chez Araxxe SA, Lyon.
                                            Developpement Java, Ingenieur Informatique (architecte des système d'information).</br>
                                    </dd>
                                    <h3></h3> 
                                    <dt>
                                            Avril à Juin 2012
                                    </dt>
                                    <dd>
                                            Stage DUT Informatique - ITycom france - Annecy-le-vieux (74940).
                                            Développement web (AS3, JQuery, PHP5, Ajax).
                                    </dd>
                                    <h3></h3> <!-- Saut de lignes -->
                                    <dt>
                                            Sept à Fev 2012
                                    </dt>
                                    <dd>
                                            Projet tuteuré – Développement d'une application Web 
                                            de gestion des Licences en Alternance (pour l'IUT) avec Symfony 2.0.
                                    </dd>
                                    <h4 style ="text-align:center;">Autres</h4>
                                    <dt>
                                            Juillet à Aout 2012 
                                    </dt>
                                    <dd>
                                            CALIXTE (usine agroalimentaire) – Vernoux-en-Vivarais  (07240) - Manutention.</br>
                                    </dd>
                                    <dt>
                                            Juillet à Aout 2011
                                    </dt>
                                    <dd>
                                            CALIXTE (usine agroalimentaire) – Vernoux-en-Vivarais  (07240) - Manutention.</br>
                                    </dd>
                                    <dt>
                                            Aout 2010
                                    </dt>
                                    <dd>
                                           Coopeyrieux (coopeyrative fruitières) - Beauchastel (07300) - Manutention.
                                    </dd>
                                    <dt>
                                            Juillet 2009
                                    </dt>
                                    <dd>
                                            Serillon et fils (menuiserie) - Saint-julien-labrousse (07160) - Construction de toitures.
                                    </dd>
                            </dl>
                    </div>
		</li>
		<li style = "vertical-align : center; overflow:auto;">
	    	<h3 style ="text-align:center;">
				Compétences Informatiques - Rajouter b, diminuer taille, vérifier que ce soit complet.
			</h3>
			<table class = "table table-bordered table-striped" style = " width : 98%; margin-left: 1%;  font-size: 11px;">
                            </tr>
                                    <td>
                                        <b>Génie logiciel<b>
                                    </td>
                                    <td></td>
                            </tr>
                            <tr>
                                    <td>
                                            Programmation Orientée Objets (Java), IHM, Gestion des évenements, liaisons base de données, Algorithmie, MVC.
                                            Developpement mobile <b>Android</b>.
                                    </td>
                                    <td>
                                        <b>Langage</b> : Java, C.</br>
                                        <b>Logiciels</b> : Netbeans 7.1, Eclipse.
                                    </td>
                            </tr>
                            </tr>
                                    <td>
                                        <b>Developpement Web<b>
                                    </td>
                                    <td></td>
                            </tr>
                            <tr>
                                    <td>
                                            Création d'interface, formulaire, génération de code dynamique,
                                            lien base de données, gestion de session, Framework Symfony 2.0, MVC2.
                                    </td>
                                    <td>
                                            <b>Langage</b> : HTML5, CSS3, JQuery, Ajax, SDK Flex, Flash, XHTML, PHP5 - Objet, PDO</br>
                                            <b>Logiciels</b> : Mysql, Photoshop, Illustrator.
                                    </td>
                            </tr>
                            </tr>
                                    <td>
                                        <b>Réseau<b>
                                    </td>
                                    <td></td>
                            </tr>
				<tr>
					<td>
						Architecture materielle de l'ordinateur, Langage machine 
                                                Système d'exploitation, serveur web, architecture de réseaux, configuration d'un réseau.
					</td>
					<td>
						Langage : Assembleur, Script Batch, Shell
					</td>
				</tr>
                                </tr>
                                    <td>
                                        <b>Base de données<b>
                                    </td>
                                    <td></td>
                            </tr>
				<tr>
					<td>
						Modélisation des systèmes d'informations,UML, Merise,
                                                Langage de manipulation de données, langage de description de données, optimisation de base de données (conception).
					</td>
					<td>
						Langage : SQL, PL/SQL, T-SQL</br>
                                                SGBD : Oracle, PostgreSQL, MySQL
					</td>
				</tr>
			</table>
		</li>
	    <li style = "vertical-align : center; overflow:auto;">
	    	<h3 style ="text-align:center;">
				Langues
			</h3>
	    </li>
		<li style = "vertical-align : center; overflow:auto;">
			<h3 style ="text-align:center;">
				Activités
			</h3>
		</li>
	</ul>
	
	<!-- Footer -->
	<p style = " text-align : center;" ><code><?php echo htmlspecialchars ('</curriculumVitae>'); ?></code></p>
	<a href='#modalContact' role='button' data-toggle='modal' style = "text-decoration:none;"><p style = "text-align : center;" ><code><?php echo htmlspecialchars ('<button type="button">Contact</button>'); ?></code></p></a>
	
	<!-- ModalContact -->
	<div id="modalContact" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	  <div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
		<h3 id="myModalLabel">Contact</h3>
	  </div>
	  <div class="modal-body">
		<form id="formContact" method="post" action="php/sendMail.php" class="form-horizontal">
	  <div class="control-group">
		<label class="control-label" for="inputName" >Nom</label>
		<div class="controls">
		  <input type="text" id="inputName" name="inputName" onblur="verifName(this)">
		</div>
	  </div>
	  <div class="control-group">
		<label class="control-label" for="inputEmail">Email</label>
		<div class="controls">
		  <input type="text" id="inputEmail" name="inputEmail" onblur="verifEmail(this)">
		</div>
	  </div>
	  <div class="control-group">
		<label class="control-label" for="inputSW">Site Web</label>
		<div class="controls">
		  <input type="text" id="inputSW" name="inputSW" placeholder="Facultatif">
		</div>
	  </div>
	  <div class="control-group">
		<label class="control-label" for="inputMessage">Message</label>
		<div class="controls">
		  <textarea rows="7" name="inputMessage" onblur="verifMessage(this)"></textarea>
		</div>
	  </div>
	  <div class="control-group">
		<div class="controls">
		  <label class="checkbox">
			<input type="checkbox"> Recevoir une copie
		  </label>
		</div>
	  </div>
	</form>
	</div>
	  <div class="modal-footer">
		<button type="submit" class="btn" onClick="if (verifForm()) {$('.form-horizontal').submit();};">Envoyer</button>
		<button class="btn" data-dismiss="modal" aria-hidden="true">Annuler</button>
	  </div>
	</div>
	
	<script>
		$(document).ready(function() {
			$('ul').roundabout(
			{
				enableDrag: false
			});
		});
	</script>
	
  </body>
</html>	